<kd-card role="table">
  <div title>


    <span>Commit Hash Value</span>
    <mat-form-field appearance="fill">
      <mat-label>Select Hash Value</mat-label>
      <mat-select [(value)]="selected" (selectionChange)="hello()">
        <ng-template ngFor let-item [ngForOf]="_tasks" let-i="index">
          <mat-option [value]="item.git_hash">{{item.git_hash.substring(0,8)}}</mat-option>
        </ng-template>

      </mat-select>
    </mat-form-field>

  </div>
  <div content>
    <div fxLayout="column" fxFill>
      <div fxLayout fxFlex>
        <div class="one" fxFlex="15" fxLayoutAlign="center center">
          <mat-list role="list">
            <cdk-virtual-scroll-viewport appendOnly itemSize="50" class="example-viewport">
              <div *cdkVirtualFor="let item of _docker_builder;let i = index" class="example-item">
                <mat-list-item role="listitem">
                  <div *ngIf="i==select_i; else elseBlock">
                    <button mat-button color="warn" (click)="ChangeLogfile(i)"><mat-icon matListItemIcon>folder</mat-icon>#{{item.project_name}}</button>
                  </div>
                  <ng-template #elseBlock>
                    <button mat-raised-button color="warn" (click)="ChangeLogfile(i)"><mat-icon matListItemIcon>folder</mat-icon>#{{item.project_name}}
                    </button>
                  </ng-template>
                </mat-list-item>
              </div>
            </cdk-virtual-scroll-viewport>
          </mat-list>
        </div>
        <div class="two" fxFlex="85" fxLayoutAlign="center center">
          <kd-logshower [hash]="log_hash" [module_name]="log_module"></kd-logshower>
        </div>
      </div>
    </div>
  </div>
</kd-card>